<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <%@ page language="java" contentType="text/html; charset=utf-8"%>
    <meta charset="UTF-8">
    <title>Creative - Bootstrap Admin Template</title>
    <!-- bootstrap theme -->
    <link href="css/bootstrap-theme.css" rel="stylesheet">
    <!-- Custom styles -->
    <link href="css/style.css" rel="stylesheet">
    <script src="js/home.js"></script>
</head>

<body>
<!-- container section start -->
<section id="container" class="">


    <header class="header dark-bg">
        <div class="toggle-nav">
            <div class="icon-reorder" data-original-title="Toggle Navigation" data-placement="bottom"></div>
        </div>

        <!--logo start-->
        <a href="home.html" class="logo">XF <span class="lite">物流</span></a>
        <!--logo end-->

        <div class="top-nav notification-row">
            <!-- notificatoin dropdown start-->
            <ul class="nav pull-right top-menu">

                <!-- task notificatoin start -->
                <li id="task_notificatoin_bar" class="dropdown">
                    <ul class="dropdown-menu extended tasks-bar">
                        <div class="notify-arrow notify-arrow-blue"></div>
                        <li>
                            <p class="blue">You have 6 pending letter</p>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">Design PSD </div>
                                    <div class="percent">90%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
                                        <span class="sr-only">90% Complete (success)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">
                                        Project 1
                                    </div>
                                    <div class="percent">30%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
                                        <span class="sr-only">30% Complete (warning)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">Digital Marketing</div>
                                    <div class="percent">80%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                        <span class="sr-only">80% Complete</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">Logo Designing</div>
                                    <div class="percent">78%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100" style="width: 78%">
                                        <span class="sr-only">78% Complete (danger)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">Mobile App</div>
                                    <div class="percent">50%</div>
                                </div>
                                <div class="progress progress-striped active">
                                    <div class="progress-bar"  role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
                                        <span class="sr-only">50% Complete</span>
                                    </div>
                                </div>

                            </a>
                        </li>
                        <li class="external">
                            <a href="#">See All Tasks</a>
                        </li>
                    </ul>
                </li>
                <!-- user login dropdown start-->
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="username" id="userName">
                        	<%=(String)session.getAttribute("userName")%>
                        </span>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu extended logout">
                        <div class="log-arrow-up"></div>
                        <li class="eborder-top">
                            <a href="persionMessage.jsp"><i class="icon_profile"></i> 个人信息</a>
                        </li>
                        <li>
                            <a href="userManager.jsp"><i class="icon_mail_alt"></i> 用户管理</a>
                        </li>
                        <li>
                            <a href="" onclick="logOffOnClick()"><i class="icon_key_alt"></i> 退出登录</a>
                        </li>
                    </ul>
                </li>
                <!-- user login dropdown end -->
            </ul>
            <!-- notificatoin dropdown end-->
        </div>
    </header>
    <!--header end-->

    <!--sidebar start-->
    <aside>
        <div id="sidebar">
            <!-- sidebar menu start-->
            <ul class="sidebar-menu">
                <li class="active">
                    <a class="" href="home.jsp">
                        <i class="icon_house_alt"></i>
                        <span>首页</span>
                    </a>
                </li>
                <li class="active">
                    <a class="" href="checkFiles.jsp">
                        <i class="icon_house_alt"></i>
                        <span>货单查询</span>
                    </a>
                </li>
                <li class="active">
                    <a class="" href="everyList.jsp">
                        <i class="icon_house_alt"></i>
                        <span>货单列表</span>
                    </a>
                </li>
                <li class="active">
                    <a class="" href="addFiles.jsp">
                        <i class="icon_house_alt"></i>
                        <span>添加货单</span>
                    </a>
                </li>
                <li class="active">
                    <a class="" href="addWuliu.jsp">
                        <i class="icon_house_alt"></i>
                        <span>修改物流</span>
                    </a>
                </li>
            </ul>
            <!-- sidebar menu end-->
        </div>
    </aside>
    <!--sidebar end-->

    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">
            <!--overview start-->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="page-header"><i class="fa fa-laptop"></i> 首页</h3>
                    <ol class="breadcrumb">
                        <li><i class="fa fa-home"></i><a href="home.html">Home</a></li>
                        <li><i class="fa fa-laptop"></i>首页</li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                    <div class="info-box blue-bg">
                        <i class="fa fa-cloud-download"></i>
                        <div class="count" id="dingdanNum">
                        	<%=session.getAttribute("count") %>
                        </div>
                        <div class="title">订单总数</div>
                    </div><!--/.info-box-->
                </div><!--/.col-->

                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                    <div class="info-box brown-bg">
                        <i class="fa fa-shopping-cart"></i>
                        <div class="count" id="noClose">
                        	<%=session.getAttribute("noClose") %>
                        </div>
                        <div class="title">未关闭货单</div>
                    </div><!--/.info-box-->
                </div><!--/.col-->

                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                    <div class="info-box dark-bg">
                        <i class="fa fa-thumbs-o-up"></i>
                        <div class="count">
                        	<%=session.getAttribute("close") %>
                        </div>
                        <div class="title" id="close">已关闭订单</div>
                    </div><!--/.info-box-->
                </div><!--/.col-->

                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                    <div class="info-box green-bg">
                        <i class="fa fa-cubes"></i>
                        <div class="count">
                        	<%=session.getAttribute("userNum") %>
                        </div>
                        <div class="title" id="userNum">用户数</div>
                    </div><!--/.info-box-->
                </div><!--/.col-->
            </div><!--/.row-->
            <div class="row">
                <!-- chart morris start -->
                <div class="col-lg-12">
                    <section class="panel">
                        <header class="panel-heading">
                            <Char><h3>分类统计</h3></Char>
                        </header>
                        <div class="panel-body">
                            <div class="tab-pane" id="chartjs">
                                <div class="row">
                                    <!-- Line -->
                                    <!--<div class="col-lg-6">
                                        <section class="panel">
                                            <header class="panel-heading">
                                                Line
                                            </header>
                                            <div class="panel-body text-center">
                                                <canvas id="line" height="300" width="450"></canvas>
                                            </div>
                                        </section>
                                    </div>
                                <div class="row">
                                    <!-- Pie -->
                                    <div class="col-lg-6">
                                            <div class="">
                                                <canvas id="pie" height="300" width="400"></canvas>
                                            </div>
                                    </div>
                                    <div class="col-lg-6-4">
                                        <div class="">
                                            <table>
                                                <tr style="height: 30px"></tr>
                                                <tr>
                                                    <td><canvas style="width: 50px;height: 20px;background-color: #f3bc55"></canvas></td>
                                                    <td id="td1"><b style="padding-left: 10px">普通货物</b></td>
                                                </tr>
                                                <tr style="height: 44px">
                                                    <td><canvas style="width: 50px;height: 20px;background-color: #E0E4CC"></canvas></td>
                                                    <td id="td2"><b style="padding-left: 10px">易碎</b></td>
                                                </tr>
                                                <tr>
                                                    <td><canvas style="width: 50px;height: 20px;background-color: #f0b4a8"></canvas></td>
                                                    <td id="td3"><b style="padding-left: 10px">液体</b></td>
                                                </tr>
                                                <tr style="height: 44px">
                                                    <td><canvas style="width: 50px;height: 20px;background-color: #69D2E7"></canvas></td>
                                                    <td id="td4"><b style="padding-left: 10px">保鲜类食品</b></td>
                                                </tr>
                                                <tr>
                                                    <td><canvas style="width: 50px;height: 20px;background-color: #aff330"></canvas></td>
                                                    <td id="td5"><b style="padding-left: 10px">生物活体</b></td>
                                                </tr>
                                                <tr style="height: 44px">
                                                    <td><canvas style="width: 50px;height: 20px;background-color: #62c181"></canvas></td>
                                                    <td id="td6"><b style="padding-left: 10px">文件</b></td>
                                                </tr>
                                                <tr>
                                                    <td><canvas style="width: 50px;height: 20px;background-color: #7f7b80"></canvas></td>
                                                    <td id="td7"><b style="padding-left: 10px">其他</b></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>

                                <!--</div>-->

                            </div>
                        </div>
                </div>
                        <p style="height: 20px"></p>
                        <div class="row">
                            <!-- chart morris start -->
                            <div class="col-lg-12">
                                <section class="panel">
                                    <header class="panel-heading">
                                        <Char><h3>订单新增与关闭统计</h3></Char>
                                    </header>
                                    <div class="panel-body">
                                        <div class="tab-pane" id="">
                                                <!-- Line -->
                                                <div class="col-lg-6">
                                                        <div>
                                                            <canvas id="line" height="300" width="1000px"></canvas>
                                                        </div>
                                                </div>
                                        </div>
                                    </div>
                                </section>
                            </div>

                    </section>
        </div>
        <script>
        	getItemsFromService();
        	createWeekDay();	
        	document.getElementById("td1").innerHTML +="--"+parseInt(jsonArray[0]);
        	document.getElementById("td2").innerHTML +="--"+parseInt(jsonArray[1]);
        	document.getElementById("td3").innerHTML +="--"+parseInt(jsonArray[2]);
        	document.getElementById("td4").innerHTML +="--"+parseInt(jsonArray[3]);
        	document.getElementById("td5").innerHTML +="--"+parseInt(jsonArray[4]);
        	document.getElementById("td6").innerHTML +="--"+parseInt(jsonArray[5]);
        	document.getElementById("td7").innerHTML +="--"+parseInt(jsonArray[6]);
        </script>
        </section>
    </section>
    <!--main content end-->
</section>
<!-- container section start -->

<!-- javascripts -->
<script src="js/jquery.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- chartjs -->
<script src="assets/chart-master/Chart.js"></script>
<!-- custom chart script for this page only -->
<script src="js/chartjs-custom.js"></script>
</body>
</html>